/** reset browser styles **/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
	list-style-position:  inside;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr,acronym {
	border: 0;
}
img {
	vertical-align: bottom;
}
input,textarea {
	font-size: 100%;
}

*{
	line-height: 1.0;
}

body{
	background-color: skyblue;
	background-image: url(imgs/bg.gif);
	background-size: 100% 100%;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

hr{
	width: 85%;
}

[class^=button]{
	-moz-appearance: none;
	margin: 0;
	padding: 0;
	color: white;
	background: #313131;
	outline: 1px #bbb solid;
	border: none;
	font-size: 12px;
}
[class^=button]:active{
	background: #616161;
}

.unselectable{
	user-select: none;
}

.ellipsis{
	text-overflow: ellipsis;
	white-space:nowrap;
	-moz-binding: url(Libraries/ellipsis.xml#ellipsis);
}


/** joWindow **/
.window{
	position: absolute;
	background-color: #fff;
	border: black 1px solid;
	box-sizing: border-box;
}
.window > .menubar{
	height: 1.3em;
	background-color: #afafaf;
	border-bottom: 1px black solid;
}
.window > .menubar > .title{
	margin-top: -1em;
	text-align: center;
	font-size: 85%;
	text-shadow: 0 1px 0 #fff;
	cursor: default;
}
.window > .statusbar{
	position: absolute;
	bottom: 0;
	height: 1.1em;
	width: 100%;
	background-color: #afafaf;
	border-top: 1px black solid;
	font-size: 80%;
}
.window > .statusbar > .resizer{
	position: absolute;
	right: 1px;
	height: 1em;
	width: 1em;
	background-image: url(imgs/resize.png);
}
.window > .content{
	position: absolute;
	width: 100%;
	overflow: auto;
	font-size: 12px;
}

.window .button-ok,
.window .button-cancel{
	position: absolute;
	right: 8px; bottom: 8px;
}
.window .button-cancel{
	margin-right: 3.5em;
}

.window[active="true"]{
	box-shadow: #515151 5px 5px 15px, #515151 -5px 5px 15px;
}
.window:not([active="true"]){
	opacity: 0.7;
}

.window > .dammy-wrapper{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.window:not([active="true"]) > .dammy-wrapper{
	display: block;
}

.window[maximized="true"]{
	min-width: 100%;
	min-height: 100%;
	top: 0 !important;
	left: 0 !important;
}
.window[minimized]{
	max-height: 1.3em;
	overflow: hidden;
}
.window[minimized] > .statusbar{
	display: none;
}


/** joDialog **/
.dialog > .statusbar{
	display: none;
}
.dialog > .content{
	overflow: hidden;
}
.dialog .message{
	padding: 5px;
	line-height: 1.3;
	max-height: 85%;
	overflow: auto;
}
.input-prompt{
	display: block;
	margin: 0 auto;
	width: 80%;
}
.save-output-link{
	display: inline-block;
	text-align: center;
	font-size: 130%;
}


/** tab **/
.tab{
	display: inline-block;
	cursor: pointer;
	padding: 5px;
	border-radius: 5px;
	background-color: #afafaf;
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0));
	margin: 5px;
	text-shadow: white 0.5px 1px;
}
.tab:hover{
	background-color: #8f8f8f;
}
.tabpanel{
	display: none;
}
.tabpanel[selected]{
	display: block;
}

/** groupbox **/
.groupbox{
	position: relative;
	padding: 0.5em;
	padding-top: 1em;
	border: 1px #cfcfcf solid;
	border-radius: 5px;
	margin-bottom: 1em;
}
.groupbox > .caption{
	position: absolute;
	top: -0.4em;
	left: 3%;
	background-color: white;
	padding: 0 5px;
}

/** form **/
input[type=checkbox]{
	margin-right: 5px;
	vertical-align: text-bottom;
}


/** menupopup **/
.menupopup,
.menupopup ul,
.menupopup li,
.menupopup a{
	background-color: white;
	cursor: default;
}
.menupopup li{
	position: relative;
	padding: 0;
}
.menupopup a{
	display: block;
	font-size: 90%;
	color: black;
	text-decoration: none;
	padding: 0.3em 0.5em;
}
.menupopup li:hover > a{
	background-color: blue;
	color: white;
}

/** sub **/
.menupopup,
.menupopup li > ul{
	position: absolute;
	top: -3px;
	left: 95%;
	width: 15em;
	border: 1px black solid;
	opacity: 0.92;
	box-shadow: #515151 3px 3px 5px;
	z-index: 99;
}

/** open/close **/
.menupopup li > ul{
	display: none;
}
.menupopup li:hover > ul{
	display: block;
}


/** file picker **/
.filepicker-filename{
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-top: 1.2em;
}
.filepicker-filename-input{
	text-align: left;
	width: 60%;
}
.filepicker-filetree{
	width: 90%;
	height: 75%;
	border: 1px darkblue solid;
	margin: 0 auto;
	margin-top: 1.2em;
	overflow: auto;
}


/** uki-fix **/
[class^=uki-] [class^=treeList-][class$=row]{
	text-overflow: ellipsis;
	white-space:nowrap;
	-moz-binding: url(Libraries/ellipsis.xml#ellipsis);
}